﻿﻿<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>公共页面</title>
  <!-- Bootstrap -->
  <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  <link href="../vendors/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="../css/bootstrap-table.css">
  <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  <script type="text/javascript" src="../vendors/jquery/dist/jquery.min.js"></script>
  <script type="text/javascript" src="js/common-views.js"></script>
  <script type="text/javascript" src="../vendors/jquery/dist/jquery.js"></script>
  <script type="text/javascript" src="../vendors/bootstrap/dist/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="../vendors/bootstrap/dist/js/bootstrap-table.js"></script>
  <script type="text/javascript" src="../vendors/bootstrap/dist/js/bootstrap-table-zh-CN.min.js"></script>
  <link rel="stylesheet" type="text/css" href="../../../semantic/dist/semantic.min.css">
  <script type="text/javascript" src="../../../semantic/dist/semantic.min.js"></script>
  <script src="http://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
  <link href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="css/common-views.css">
  <script src="../vendors/bootstrap/extend/Modalz_Bootstrap.min.js"></script>
  <!--data show-->
  <script src="../vendors/angular/angular.min.js"></script>
  <script src="../../app.js" charset="UTF-8"></script>
  <script src="../datatable/bootstraptpls.js" charset="UTF-8"></script>
  <script src="../services/datashowService.js" charset="UTF-8"></script>
  <script src="../filter/filter.js" charset="UTF-8"></script>

  <script src="js/dataShow_controller.js" type="text/javascript"></script>
  <script src="http://code.highcharts.com/highcharts.js" type="text/javascript"></script>
  <script src="js/BarDiagram.js" charset="UTF-8" type="text/javascript"></script>
  <script src="js/canvas-particle.js"></script>
</head>

<style>
  .body {
    font-family: sans-serif;
  }

  #c1:hover {
    border-bottom: 2px solid white !important;
    height: 60px;
  }
</style>
<body>
<!--this is header-->
<div class="ui stackable menu" style="margin: 0">
  <div class="item" style="margin-right: 200px">
    <img style="width: 150px" src="../images/项目启动/logo.png">
  </div>
  <a onclick="openTimeJudge()" class="item">工时评估</a>
  <a onclick="openManageResources()" class="item active">资源管理</a>
  <a onclick="openProjectSelect()" class="item">配置管理</a>
  <a onclick="openWorkFlow()" class="item">持续交付</a>
  <a onclick="openDataShow()" class="item">数据展示</a>
  <a onclick="openProductList()" class="item">产品展示</a>
</div>
<!--this is time judge-->
<div class="time-judge hidden" style="padding: 20px">
  <div class="alert alert-warning">
    <strong>敬请期待！</strong>正在与COSMIC方紧张对接中
  </div>
</div>
<!--this is manage-resources-->
<div class="manage-resources hidden">
  <div class="content-left">
    <!-- Contenedor -->
    <ul id="accordion" class="accordion">
      <li class="envi-li item" onclick="openEnvi()">
        <div class="link"><i class="fa fa-paint-brush"></i>环境</div>
      </li>
      <li class="item">
        <div class="link"><i class="fa fa-code"></i>基础架构<i class="fa fa-chevron-down"></i></div>
        <ul class="submenu">
          <li class="item" onclick="openHost()"><a href="#">主机</a></li>
          <li class="item" onclick="openContainer()"><a href="#">容器</a></li>
          <li class="item" onclick="openImage()"><a href="#">镜像</a></li>
        </ul>
      </li>
    </ul>
  </div>
  <div class="content-right">
    <!--    <div class="envi-table hidden">
          <table id="table_id_example" class="display">
            <thead>
            <tr>
              <th>Column 1</th>
              <th>Column 2</th>
              <th>Column 3</th>
              <th>Column 4</th>
              <th>Column 5</th>
            </tr>
            </thead>
            <tbody></tbody>
          </table>
        </div>-->
    <div class="envi-table hidden">
      <!--<button id="btnadd" type="button" class="btn btn-primary" style="margin-bottom: 20px">新增</button>-->
      <button class="btn btn-primary" data-toggle="modal" data-target="#btnadd" style="margin-bottom: 20px">新增</button>
      <div class="modal fade" id="btnadd" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
           aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title" id="myModalLabel">新增环境变量文件</h4>
            </div>
            <div class="modal-body">
              <div class="input-group">
                <span class="input-group-addon">名称</span>
                <input type="text" class="form-control" id="name" placeholder="请输入环境变量名称">
              </div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
              <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="checkSelectItems()">保存
              </button>
            </div>
          </div><!-- /.modal-content -->
        </div><!-- /.modal -->
      </div>
      <table id="etlInfo"></table>
    </div>

    <div class="host-page hidden">
      <div class="host-container col-md-12">
      </div>
    </div>
    <div class="container-page hidden">
      <table id="containerInfo"></table>
    </div>
    <div class="image-page hidden">
      <div class="col-md-4" style="min-height: 420px;border: 1px solid #999;margin-right: 50px;background-color: #fff">
        <div class="col-md-12" style="border-bottom: 3px solid #999;padding: 10px 0;margin-bottom: 20px">摘要</div>
        <div id="harborsummary">

        </div>
      </div>
      <div class="col-md-6" style="min-height: 420px;border: 1px solid #999;background-color: #fff">
        <div class="col-md-12" style="border-bottom: 2px solid #999;padding: 10px 0;margin-bottom: 20px">热门镜像仓库</div>
        <div class="col-md-12" style="border-bottom:3px solid #999;padding: 10px 0;margin-bottom: 20px">
          <div class="col-md-6" style="padding: 0">镜像仓库名</div>
          <div class="col-md-6" style="padding: 0">下载次数</div>
        </div>
        <div id="harborhot">

        </div>
      </div>
    </div>
  </div>
</div>

<!--this is project-select-->
<div class="project-select hidden" style="height: 100%">
  <!--<div class="content-left">-->
  <!--<p>this is project-select</p>-->
  <!--</div>-->
  <!--<div class="content-right">-->

  <!--</div>-->
  <iframe src="project-select.html" id="iframe1" name="iframe" width="100%" height="100%" scrolling="no"
          frameborder="0"></iframe>
</div>

<!--this is work-flow-->
<div class="work-flow hidden">
  <!--<div class="content-left">-->
  <!--<p>this is content-left</p>-->
  <!--</div>-->
  <!--<div class="content-right">-->

  <!--</div>-->
  <iframe src="workflow/workflow.html" id="iframe2" name="iframe" width="100%" height="100%" scrolling="no"
          frameborder="0"></iframe>
</div>

<!--this is data-show-->
<div class="data-show hidden" data-ng-app="showApp" data-ng-controller="DataShowController">
  <!--<div class="content-left">-->
  <!--<p>this is data-show</p>-->
  <!--</div>-->
  <div class="content-right">
    <div class="wrapper">
      <div class="projectSelectDiv">
        <select class="projectSelect" ng-model="selectedProject" ng-options="pro.projectName for pro in projectList"
                ng-change="projectChange()">
        </select>
      </div>
      <!--需求面板-->
      <section class="cpgl">
        <div class="util_modal_title">
          <em>需求总数 :</em>
          <span>{{requirementsInfo.totalCount}}</span>
        </div>
        <img src="../images/dash_board/u138.png"/>
        <div class="xqzl">
          <div>
            <em>{{requirementsInfo.todoCount}}</em>
            <p>待办</p>
          </div>
          <div>
            <em>{{requirementsInfo.doingCount}}</em>
            <p>处理中</p>
          </div>
          <div>
            <em>{{requirementsInfo.doneCount}}</em>
            <p>已完成</p>
          </div>
        </div>
        <img src="../images/dash_board/u156.png"/>
        <div class="xq_row" ng-repeat="requirement in requirementsInfo.latestrequirementsInfo">
          <!--<em style="float:left;width:17%;">{{requirement.level}}</em>-->
          <em style="float:left;width:20%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;">{{requirement.personName}}</em>
          <em style="float:left;width:55%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;">{{requirement.productTitle}}</em>
          <em style="float:right;width:25%;">{{requirement.creationDate | date:'yyyy-MM-dd'}}</em>
        </div>
      </section>
      <!--研发情况-->
      <section class="yfqk">
        <div class="util_modal_title">
          <em>研发情况</em>
        </div>
        <img src="../images/dash_board/u138.png"/>
        <div>
          <!--编译次数-->
          <div id="compilecount"></div>
          <!--<div id="compilefailcount"></div>-->
          <!--<div id="staticcodeanalysis"></div>-->
          <!--<div id="utcovery"></div>-->
        </div>
      </section>
      <!--静态代码分析-->
      <section class="zyjk">
        <div class="util_modal_title">
          <em>静态代码分析</em>
        </div>
        <img src="../images/dash_board/u138.png"/>
        <div>
          <!--编译次数-->
          <div id="zyjk_bar"></div>
        </div>
      </section>

      <!--代码总量-->
      <section class="dmzl">
        <div class="util_modal_title">
          <em>代码总量</em>
        </div>
        <img src="../images/dash_board/u138.png"/>
        <div class="photo">
          <!--代码提交量-->
          <div id="codesubmit"></div>
        </div>
      </section>

      <!--在线测试-->
      <section class="zxcs">
        <div class="util_modal_title">
          <em>在线测试</em>
        </div>
        <img src="../images/dash_board/u138.png"/>
        <div>
          <!--执行用例数-->
          <div id="caseanalysis"></div>
          <!--新增bug数量-->
          <!--<div id="buganalysis"></div>-->
          <!--&lt;!&ndash;open bug数量&ndash;&gt;-->
          <!--<div id="bugOpen"></div>-->
          <!--&lt;!&ndash;reopen bug数量&ndash;&gt;-->
          <!--<div id="bugReopen"></div>-->
          <!--&lt;!&ndash;close bug数量&ndash;&gt;-->
          <!--<div id="bugClose"></div>-->
        </div>
      </section>

      <!--单元测试覆盖率-->
      <section class="dycs">
        <div class="util_modal_title">
          <em>单元测试覆盖率</em>
        </div>
        <img src="../images/dash_board/u138.png"/>
        <div>
          <!--执行用例数-->
          <div id="dycs_bar"></div>
        </div>
      </section>

    </div>
  </div>
</div>

<!--this is product-list-->
<div class="product-list hidden">
  <!--<div class="content-left">-->
  <!--<p>this is product-list</p>-->
  <!--</div>-->
  <!--<div class="content-right">-->

  <!--</div>-->
  <iframe src="product_list.html" id="iframe3" name="iframe2" width="100%" height="550" scrolling="no"
          frameborder="0"></iframe>
</div>
<!--<iframe src="manage-resources.html" id="iframe" name="iframe" width="100%" scrolling="no" frameborder="0"></iframe>-->
</body>
</html>